@charset "utf-8";
/************************************************************************
 * 公司	: suyee inc.
 * 网址	: www.suyee.net.cn
 * 作者QQ: 新月(46780956)
 * 日期	: 2019.07.11
************************************************************************/
/* 首页案例滚动css */
p.classify {
	height: 45px;
	line-height: 45px;
	width: 100%;
	margin-bottom: 30px;
	background: #eee;
	border-left: solid 4px #0076cd;
	display: block;
	font-size: 15px;
}
p.classify b {
	padding-left: 10px;
	color: #0359be;
}
p.classify a {
	padding-right: 20px;
}
.slideGroup {
	width: 100%;
	margin: 0 auto;
}
.slideGroup .parHd {
	height: 50px;
	line-height: 50px;
	width: 100%; padding-left:150px; box-sizing:border-box;
	margin: 0 auto;
}
.slideGroup .parHd ul li {
	float: left;
	margin: 0 15px;
	cursor: pointer;
	padding: 0 15px;
	border-radius: 20px;
/*	border: solid 2px #039041;*/
	background: #039041;
	font-size: 16px;
}
.slideGroup .parHd ul li.on {
	background: #0359be;
	border: none;
	color: #fff;
}
.slideGroup .parHd ul li a {

	color: #fff;
}
/*.slideGroup .parHd ul li.on a {

	color: #fff;
}*/
.parBd {
	margin-top: 30px;
}
.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
}
.slideBox_in {
	position: relative;
	width: 780px;
	height: 600px;
	float: left;
}
.slideBox .tempWrap {
	width: 100%;
	margin: 0 auto;
	float: left;
}
.slideGroup .sPrev {
	right: 50px;
	background: #808080;
}
.slideGroup .sNext {
	right: 0px;
	background: #b3b3b3;
}
.slideGroup .sPrev, .slideGroup .sNext {
	z-index: 999;
	position: absolute;
	bottom: 0px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	text-align: center;
}
.slideGroup .sPrev i, .slideGroup .sNext i {
	color: #fff;
	font-size: 20px;
}
.slideGroup .parBd ul.boxul {
	overflow: hidden;
	zoom: 1;
}
.slideGroup .parBd ul.boxul li {
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.slideGroup .parBd ul.boxul li .pic {
	text-align: center;
}
.slideGroup .parBd ul.boxul li .pic img {
	width: 780px;
	height: 600px;
	display: block;
	transition: all 0.8s;
}
.slideGroup .parBd ul.boxul li:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transition: all 0.8s;
}
.slideGroup .parBd ul.boxul li .title {
	line-height: 24px;
	position: absolute;
	bottom: 0px;
	color: #fff;
	font-size: 18px;
	background: rgba(3,89,190,0.6);
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: left;
	text-indent: 1em;
}
.slideGroup .parBd ul.boxul li .title a {
	color: #fff;
}
ul.pro_list {
	float: right;
	width: 400px;
}
ul.pro_list li {
	width: 100%;
	height: 290px;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}
ul.pro_list li:hover img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transition: all 0.8s;
}
ul.pro_list li img {
	width: 100%;
	height: 290px;
	transition: all 0.8s;
}
ul.pro_list li p {
	width: 100%;
	height: 50px;
	color: #f6f6f6;
	line-height: 50px;
	bottom: 0;
	z-index: 9;
	box-sizing: border-box;
	position: absolute;
	background: rgba(1,113,213,0.8);
	font-size: 16px;
}
ul.pro_list li p span.add_span{display:block; float:left; height:50px; width: calc(100% - 50px); text-indent:1em;}
ul.pro_list li p i {
	float: right;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #bbb;
	font-size: 20px;
	color: #fff;
	text-align: center;
}

/**************产品展示详情***************/
.contectleft{	float: left;	width: 500px;	position: relative;	zoom: 1;}
.contectleft .bd {
	float: left;
	width: 100%;
	border: 1px solid #eee;
}
.contectleft .bd li {
	vertical-align: middle;
	position: relative;
}
.contectleft .bd img {
	width: 100%;
height:;
margin:0 auto;
	display: block;
}
.contectleft .bd li h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 24px;
	line-height: 50px;
	font-weight: normal;
	color: #FFF;
	padding: 0 20px;
	background-color: rgba(0,0,0,0.5);/* border-bottom:3px solid rgba(230,0,33,0.8);*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff);/*ie6*/
}
.contectleft .hd {	float: left; width:100%;}
.contectleft .hd ul {float: left; width:100%;	zoom: 1;}
.contectleft .hd ul li {	float: left; height:84px;width: 84px; overflow:hidden;margin:15px 15px 0 0;}
.contectleft .hd ul li img {	width: 80px;	border: 2px solid #ddd;	cursor: pointer;}
.contectleft .hd ul li.on img {	border-color:#0093dd;}

.contectright {	width: 310px; margin-left:50px;	float: left;}
.contectright h1 {
	color: #0171d5;
	font-size: 26px;
	border-bottom: 1px solid rgb(226, 226, 226);
	line-height: 1.6;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.contectright p{
	color: #575757;
	font-size: 14px;
	line-height: 30px; 
}

.slideProBox{ width:100%;  text-align:left; float:left;}
.slideProBox .hd{ height:50px; line-height:50px; background:#f4f4f4; padding:0 10px 0 0;   position:relative; }
.slideProBox .hd ul{ float:left; position:absolute;     }
.slideProBox .hd ul li{ float:left; padding:0 20px; cursor:pointer;  }
.slideProBox .hd ul li.on{  background:#009e14; color:#fff;  }

.slideProBox .bd ul{ padding:15px;  zoom:1;  }
.slideProBox .bd ul p{padding-bottom: 10px;}
.slideProBox .bd ul h4{color:#0b71d3; font-size:15px;}